@media (max-width: 1500px) {
    .topbox {
        margin: 7rem 10% 5rem 10%;
        display: flex;
    }

    .topbox h1{
        font-size: 45px;
    }

    .bottombox {
        margin: 5rem 10% 5rem 10%;
        text-align: center;
    }

}

@media (max-width: 1300px) {

    .topbox {
        margin: 7rem 5% 5rem 5%;
        display: flex;
    }

    .topbox img{
        margin-right: 25px;
        width: 500px;
        height: 450px;
    }

    .topboxspan1 span{
        padding: 20px;
    }

    .topboxspan2 span{
        padding: 20px;
    }

    .topboxspan3 span{
        padding: 20px;
    }

    .bottombox {
        margin: 5rem 5% 5rem 5%;
        text-align: center;
    }
    
}


@media (max-width: 1100px) {

    .topbox {
        margin: 7rem 10% 5rem 10%;
        display: block;
    }

    .topbox img{
        margin-right: 0px;
        width: 100%;
        height: 550px;
    }

    .topbox h1{
        margin-top: 25px;
        margin-left: 0px;
    }
    
    .topboxspan1 span{
        margin-left: 0px;
        padding: 28px;
    }

    .topboxspan2 span{
        margin-left: 0px;
        padding: 28px;
    }

    .topboxspan3 span{
        margin-left: 0px;
        padding: 28px;
    }
}

@media (max-width: 800px) {

    .sendmessageupperbox {
        display: block;
        margin-bottom: 15px;
    }

    .sendmessageupperbox input{
        font-size: 16px;
        width: 100%;
        font-family: "Kanit", sans-serif;
        font-weight: 400;
        font-style: normal;
        background-color: rgb(238, 238, 238);
        color: black;
        border: none;
        margin: 0px 100px 0px 0px;
        height: 50px;
    }

    .bottombox textarea{
        font-size: 16px;
    }

    .bottombox button{
        width: 100%;
    }
}